<template>
  <div class="am-tab-panel am-fade am-in am-active">
    <div class="J_Brand">

      <div class="attr-list-hd tm-clear">
        <h4>产品参数：</h4>
      </div>
      <div class="clear"></div>
      <ul id="J_AttrUL">
        <li title="">产地:&nbsp; {{ productParams.productPlace }}</li>
        <li title="">保质期:&nbsp;{{ productParams.footPeriod }}</li>
        <li title="">品牌:&nbsp;{{ productParams.brand }}</li>
        <li title="">生产厂商:&nbsp;{{ productParams.factoryName }}</li>
        <li title="">生产地址:&nbsp;{{ productParams.factoryAddress }}</li>
        <li title="">包装方式:&nbsp;{{ productParams.packagingMethod }}</li>
        <li title="">规格重量:&nbsp;{{ productParams.weight }}</li>
        <li title="">储存方式：&nbsp;{{ productParams.storageMethod }}</li>
        <li title="">食用方式：&nbsp;{{ productParams.eatMethod }}</li>
      </ul>
      <div class="clear"></div>
    </div>

    <div class="details">
      <div class="attr-list-hd after-market-hd">
        <h4>商品细节</h4>
      </div>
      <div class="twlistNews" v-html="product.content">

      </div>
    </div>
    <div class="clear"></div>

  </div>
</template>

<script>
import {getProductParams} from "@/api/detail";

export default {
  name: "DetailParams",
  props:['productId','product'],
  data () {
    return {
      productParams: {}
    }
  },
  created() {
    getProductParams(this.productId).then(data=>{
          const res=data.data;
          if(res.success){
            this.productParams=res.data;
          }else {
            this.$message({message: res.msg, type: 'warning', showClose: true})
          }
        }
    ).catch(
        error=>{
          this.$message(error)
        }
    );
  }
}
</script>

<style scoped>

</style>